<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Pleasant - Free Premium CSS More Templates From www.cssmoban.com</title>
                        
    <!-- BEGIN .styles -->
    <link rel="stylesheet" href="../tp_pleasant/css/style.css" type="text/css" media="screen" />                      
    <link rel="stylesheet" href="../tp_pleasant/css/tipsy.css" type="text/css" media="screen" />              
    <link rel="stylesheet" href="../tp_pleasant/css/jCarousel.css" type="text/css" media="screen" />  
    

    <link rel="stylesheet" href="../tp_pleasant/css/colors/blue.css" type="text/css" media="screen" />   <!-- COLOR -->                
	<!-- END .styles -->           
    
    <!-- BEGIN .scripts -->
	<script type='text/javascript' src='../tp_pleasant/js/jquery.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/ui.core.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.cycle.all.min.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.nivo.slider.pack.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.easing.1.3.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.prettyPhoto.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.jcarousel.min.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.tipsy.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.arrowFade.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/ui.tabs.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/jquery.custom.js'></script>               
	<script type='text/javascript' src='../tp_pleasant/js/jquery.tweetable.js'></script> 
	<script type='text/javascript' src='../tp_pleasant/js/cufon-yui.js'></script>
	<script type='text/javascript' src='../tp_pleasant/js/waukegan.font.js'></script>   
	<!-- END .scripts -->           

    <!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="../tp_pleasant/favicon.ico" />
    <link rel="icon" type="image/x-icon" href="../tp_pleasant/favicon.ico" />  
    <!-- [favicon] end -->
      
    <script type="text/javascript">
        Cufon.replace('h1, h2, h3:not(#footer h3, .title-blog), h4, h5, h6, table th', {fontFamily: 'Waukegan'});
        //Cufon.replace('.sidebar-nav a', {fontFamily: 'Champagne', hover: true});       
        
        jQuery(document).ready(function($){
            $("a[rel^='prettyPhoto']").prettyPhoto({
                theme: 'facebook'});
        });
    </script>             
    
</head>                   
        
<body class="no_js">
    <div id="top-space"></div>

    <!-- START HEADER -->
    <div id="header">
        
        <div class="inner">
        
            <!-- START LOGO -->
            <div id="logo">
                <a href="../tp_pleasant/index.html" title="Site Name">Site Name</a>
            </div>
            <!-- END LOGO -->
			
			<!-- START NAV -->
            <div id="nav">
				
				<ul class="level-1 black">
					
					<li>
						<a href="../tp_pleasant/index.html">Home</a><span> welcome</span>
						<ul class="sub-menu">
							<li>
								<a href="#">Home</a>
								<ul class="sub-menu">
									<li><a href="#">Test 1 </a></li>
									<li><a href="#">Test 2</a></li>
									<li><a href="#">Test 3</a></li>
								</ul>
							</li>
							
						</ul>
					</li>
					
					<li>
						<a href="#">About Us</a><span> who we are</span>
						
        </li>
					
					<li>
						<a href="#">Link</a><span> Lorem ipsum</span>
					
	        </li>
					
					<li>
						<a href="#">Link</a><span> Lorem ipsum</span>
						
					</li>
					
					<li>
						<a href="#">Link</a><span> Lorem ipsum</span>    
						
					</li>
					
					<li><a href="../tp_pleasant/blog.html">Blog</a><span> Lorem</span></li>
					
					<li>
						<a href="../tp_pleasant/contact.html">Contact</a><span> get in touch</span>
						
					</li>
					
				</ul>
				
			</div>            
			<!-- END NAV -->
            
            <div class="clear"></div>
            
        </div>
            
    </div>
    <!-- END HEADER -->   

    <div class="inner_copyright">Collect from <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></div>
    <!-- START SLIDER -->

    <div id="slider">
        
        <div class="inner">
                    
            <!-- START PANEL -->
            <div id="bolder-theme" class="panel">
                <div class="text">                
                    <h1>XTZ</h1>
                    <h2>Pellentesque habitant morbi!</h2>
                    
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem 
					ipsum dolor sit amet, consectetur adipiscing elit. 
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            
                 
                <img src="../tp_pleasant/images/slider/face.png" alt="" />
            </div>
                             
            <div id="Panel" class="panel none">
                <div class="text">                
                    <h1>Lorem ipsum</h1>
                    <h2>Pellentesque habitant morbi!</h2>
                    
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem 
					ipsum dolor sit amet, consectetur adipiscing elit. 
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            
                 
                <img src="../tp_pleasant/images/slider/butterfly.png" alt="" />
            </div>
                             
            <div id="panel2" class="panel none">
                <div class="text">                
                    <h1>Lorem ipsum</h1>
                    <h2>Pellentesque habitant morbi!</h2>
                    
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem 
					ipsum dolor sit amet, consectetur adipiscing elit. 
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            
                 
                <img src="../tp_pleasant/images/slider/orange.png" alt="" />
            </div>
                             
            <div id="panel3" class="panel none">
                <div class="text">                
                    <h1>Lorem ipsum</h1>
                    <h2>Pellentesque habitant morbi!</h2>
                    
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem 
					ipsum dolor sit amet, consectetur adipiscing elit. 
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            
                 
                <img src="../tp_pleasant/images/slider/versatile.png" alt="" />
            </div>
                             
            <div id="panel4" class="panel none">
                <div class="text">                
                    <h1>Lorem ipsum</h1>
                    <h2>Pellentesque habitant morbi!</h2>
                    
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem 
					ipsum dolor sit amet, consectetur adipiscing elit. 
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            
                 
                <img src="../tp_pleasant/images/slider/bulb.png" alt="" />
            </div>
        </div>
            
        <div class="clear"></div>
            
    </div>
    
    <div id="nav-slider">
        
        <div class="inner">
        
            <!-- START NAV SLIDER -->
            <ul>
                <li class="current first"><a href="#oanel1">Winter Home</a><span>Lorem ipsum dolor sit</span></li>
				<li><a href="#panel2">Lorem ipsum</a><span>Lorem ipsum dolor sit</span></li>
				<li><a href="#panel3">Lorem ipsum</a><span>Lorem ipsum dolor sit</span></li>
				<li><a href="#panel4">Lorem ipsum</a><span>Lorem ipsum dolor sit style</span></li>
				<li><a href="#">Lorem ipsum</a><span>Lorem ipsum dolor sit</span></li>
            </ul>
            <!-- END NAV SLIDER -->
            
</div>                  
            
        <div class="clear"></div>
        
    </div>                      
                     
    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#nav-slider ul').arrowFade({
				speed: 500,
				timeout: 5000			
			});
        });        
    </script>

    <!-- END SLIDER -->  

    
    <!-- START CONTENT -->
<div id="content">
    
        <div class="inner">      
			
            <!-- BOX SECTION -->
			<div class="box-sections">
			    <img src="../tp_pleasant/images/icons/icon1.gif" alt="" class="icon" />
			    
				<h2>Features</h2>    
				
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum 
					dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, 
				quis tincidunt arcu. <a href="#">Read more...</a></p>                  
		  </div>                     
			<!-- END BOX SECTION -->
			                              
			<!-- BOX SECTION -->
			<div class="box-sections">
			    <img src="../tp_pleasant/images/icons/icon2.gif" alt="" class="icon" />
			    
			  <h2>Services</h2>   
				
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum 
					dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, 
					quis tincidunt arcu.<a href="#">Read more...</a>
				</p>                
		  </div>  
			<!-- END BOX SECTION -->
			                              
			<!-- BOX SECTION -->
			<div class="box-sections last">
			    <img src="../tp_pleasant/images/icons/icon3.gif" alt="" class="icon" />
			
		      <h2>Supports</h2>      
				
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum 
					dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, 
					quis tincidunt arcu.<a href="#">Read more...</a>
				</p>                
			</div>
            
            <div class="clear line"></div>
            
			<!-- HENTRY -->
			<div class="text">       
                <h2 class="title-page">Welcome to Lorem ipsum</h2>
                
                <p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
					Nulla scelerisque convallis adipiscing. Nunc leo dolor, 
					<strong>fringilla quis egestas eget, hendrerit id velit</strong>. 
					Etiam sed nibh purus, a volutpat quam. In hac habitasse platea dictumst. 
					Phasellus ultrices purus et sapien laoreet fermentum.
				</p>

				<p>
					Pellentesque habitant morbi tristique senectus et netus et malesuada 
					fames ac turpis egestas.  Suspendisse ac viverra eros. Pellentesque urna 
					tortor, lobortis id dignissim eu, pulvinar ac magna. Aenean faucibus 
					laoreet ante vel pulvinar. <a href="#">Sed ac convallis ipsum</a>.
					
					<br/>
					
					Donec consectetur libero eget odio ultricies at rutrum justo adipiscing. 
					Fusce nec dolor quam. In hac habitasse platea dictumst. ﻿
				</p>
            </div>  
			<!-- END HENTRY -->
			
			<!-- START SIDEBAR -->
		  <div class="sidebar">
          <div id="social"> 
<a href="#"> <img src="../tp_pleasant/images/icons/twitter.png" alt="" />  </a>
<a href="#"> <img src="../tp_pleasant/images/icons/facebook.png" alt="" />   </a>
<a href="#"> <img src="../tp_pleasant/images/icons/flickr.png" alt="" /></a>
<a href="#"> <img src="../tp_pleasant/images/icons/linkedin.png" alt="" /></a>
</div>
          <div class="clear"></div>
                <div class="widget">
					<h2>Recent News</h2>			
					
					<div class="recent-post">
						
						<!-- POST -->
							<div class="link">
						    <img width="50" height="50" src="../tp_pleasant/images/icons/calendar48.png" alt="" />
							<a title="Photography 4" href="#">Lorem ipsum <strong> || read more</strong></a>
							<br/>
							<small>August 02 2012</small>
							<div class="clear"></div>
						</div>  
						<!-- END POST -->
						                      
						<!-- POST -->
						<div class="link">
						    <img width="50" height="50" src="../tp_pleasant/images/icons/calendar48.png" alt="" />
							<a title="Photography 4" href="#">Lorem ipsum <strong> || read more</strong></a>
							<br/>
							<small>August 02 2012</small>
							<div class="clear"></div>
						</div>        
						<!-- END POST -->
						                      
						<!-- POST -->
						<div class="link">
						    <img width="50" height="50" src="../tp_pleasant/images/icons/calendar48.png" alt="" />
							<a title="Photography 4" href="#">Lorem ipsum <strong> || read more</strong></a>
							<br/>
							<small>August 02 2012</small>
							<div class="clear"></div>
						</div>         
						<!-- END POST -->
						
					</div>
				</div>            
			</div>
			<!-- END SIDEBAR -->
			  

			
			<div class="clear"></div>
			
	
        </div>            
    
</div>
    <!-- END CONTENT -->
    
<!-- START FLASH NEWS -->
	<div class="news-home">
        
        <div class="inner">
            <h2>News</h2>
            
            <ul>
                <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum</a> | August 02, 2012</li>
                <li><a href="#">Consectetur adipiscing lorem ipsum!</a> | August 01, 2012</li>
                <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum</a> | July 31, 2012</li>
            </ul>
        </div>        
            
        <div class="clear"></div>
                      
    </div>
	<!-- END FLASH NEWS -->
    
	<!-- START FOOTER -->

      
    
    <!-- START COPYRIGHT -->
    <p id="copyright">&copy; 2012 - Sitename.com - Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></p>
    <!-- END COPYRIGHT -->                                    
    
    <script type="text/javascript">
        //<![CDATA[
        Cufon.now();  //]]>   
    </script>
    
         
   

</body>
</html>
